/*@import url(./g-button-chocobo.css);*/
@import url(./standard.css);

@media screen , projection , print {
	* {
		margin: 0;
		padding: 0;
	}
	html,#nav a {
		color: #000;
	}
	.red-link {
		font-weight: bold;
	}
	html {
		background: #f9f9f9 url(./header.png) repeat-x;
		font: 13px/20px "lucida grande", tahoma, arial, sans-serif;
		/*font-size: 85%;*/
		overflow-y: scroll;
	}
	/* was causing that strange extra part in map overlay window
    h1,h2,p,table,div {
        min-width: 20%;
    }
    */
/*
	-20px because otherwise it causes extra space on top
	*/
	body {
		margin: -20px;
		border: 0;
		padding: 0;
		direction: ltr;
	}
	h1,h2,th,td {
		font-weight: normal;
	}
	h2 {
		line-height: 20px;
		font-size: 18px;
		margin: 0 0 15px;
		color: #0B3861;
	}
	/*
    #menu-container,#menu-container div {
        margin: 0px;
        padding: 0px;
    }*/
	.radio {
		border: 0px;
	}
	ul {
		list-style: none;
	}
	table {
		border-collapse: collapse;
		width: 100%;
	}
	table+h2 {
		margin-top: 20px;
	}
	/*
    tbody tr:hover *    {
        background: #eee;
    }
    
    tbody th {
        text-align: left;
    }

    th,td {
        border-bottom: 1px solid #ddd;
        padding: 1px;
        margin: 1px;
        text-align: left;
        vertical-align: middle;
    }
    */
	.byahi-content th,.byahi-content td {
		padding: 2px;
		margin: 1px;
		border: none;
		text-align: left;
		vertical-align: middle;
	}
	.byahi-content {
		margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: middle;
	}
	.byahi-content div{
		overflow: visible;
	}
	input,textarea,select {
		border: 1px solid #CCCCCC;
		padding: 3px;
		font-family: "lucida grande", tahoma, Arial, sans-serif;
		font-size: 13px;
	}
	.byahi-content .invalidEntry {
		outline: 1px solid red;
	}
	textarea.description {
		width: 400px;
		height: 100px;
	}
	textarea.address {
		width: 400px;
		height: 40px;
	}
	/*
	input.address {
		width: 400px;
	}*/
	.profile-update-top td {
		padding: 5px 2px 2px;
		margin: 5px 2px 2px;
		vertical-align: top;
		overflow: none;
	}
	.profile-search-top td {
		padding: 5px 2px 2px;
		margin: 5px 2px 2px;
		vertical-align: top;
	}
	.profile-view {
		padding: 0px !important;
		margin: 0px !important;
	}
	.photo-view-thumb-section { /* min-width: 150px;
		max-width: 150px;
		min-height: 150px;
		max-height: 150px; */
		vertical-align: middle;
		text-align: center;
	}
	.photo-view-thumb-section-button { /* 		min-width: 16px;
		max-width: 16px;
		min-height: 16px;
		max-height: 16px;
 */
		vertical-align: middle;
		text-align: center;
	}
	/*
	.profile-view-table-td {
		vertical-align: top;
		min-width: 150px;
	}
	*/
	.profile-display-label td {
		min-width: 150px;
		vertical-align: top;
		/*max-width: 500px;*/
	}
	.photo-view {
		text-align: center;
		vertical-align: middle;
		width: 650px;
		height: 650px;
		margin: 5px;
	}
	.photo-view-large-section {
		width: 500px;
		height: 500px;
		min-width: 500px;
		min-height: 500px;
		max-height: 500px;
		max-width: 500px;
		vertical-align: middle;
		text-align: center;
	}
	.photo-view td {
		vertical-align: middle;
		border: 1px solid #DDD;
		padding: 10px;
	}
	.photo-view-button-section {
		width: 100px;
		vertical-align: top;
	}
	.photo-thumb-view td {
		vertical-align: middle;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	.photo-thumb-view {
		text-align: center;
		vertical-align: middle;
		padding: 0px;
	}
	.rating-right {
		text-align: right;
	}
	a {
		text-decoration: none;
		color: #06d;
	}
	a:visited {
		color: #551a8b;
	}
	a:focus,a:active {
		color: #c11;
	}
	a:focus,a:hover,a:active {
		text-decoration: underline;
	}
	a img {
		border: 0;
	}
	.suggest-select {
		width: 200px;
	}
	.suggest-select-text {
		width: 200px;
	}
	.suggest-select-list {
		width: 208px;
	}
	.age {
		width: 50px;
	}
	/*
    form ul label {
        display: inline;
        font-weight: normal;
    }
    
    form ul input,form div input {
        width: auto;
    }
    form input,form textarea {
        width: 300px;
    }
      */
	form strong,label {
		color: #000;
		margin: 10px 0 0;
		padding: 10px;
	}
	fieldset {
		border: 0;
	}
	legend {
		display: none;
	}
	body #header,body #nav,body #stage,body #article,body #footer div {
		width: 950px;
	}
	body #stage {
		width: 684px;
	}
	body #footer #meta {
		width: 650px;
	}
	*>body #header,*>body #nav,*>body #stage,*>body #article,*>body #footer div
		{
		max-width: 950px;
		width: auto;
	}
	*>body #stage {
		max-width: 684px;
		width: auto;
	}
	*>body #footer #meta {
		max-width: 650px;
		width: auto;
	}
	#header,#nav,#stage,#article,#footer div {
		margin: auto;
		width: 950px;
	}
	#stage,#article,#footer,#footer div {
		clear: both;
	}
	#header,#header h1 {
		position: relative;
	}
	#header {
		height: 86px;
		top: 0;
	}
	#header * {
		color: #008000;
	}
	#header h1 {
		font: 26px/43px "lucida grande", tahoma, arial, sans-serif;
		left: 20px;
		letter-spacing: -1px;
		text-shadow: 1px 1px 1px #0f4db8;
		top: 15px;
		width: 50%;
	}
	#header h1 a {
		text-decoration: none;
	}
	#header h1 img {
		float: left;
		padding: 0 10px 0 0;
	}
	#header form {
		position: absolute;
		right: 20px;
		top: 10px;
	}
	/*
	#sign-in,#sign-in * {
		color: #000 !important;
	}
	
	#sign-in {
		background: #fff;
		display: none;
		margin-bottom: 0 !important;
		padding: 0 10px 9px !important;
		top: 9px !important;
		width: 450px;
	}
	#sign-in label {
		display: inline;
		font-weight: normal;
	}
	#sign-in label#domain {
		display: block;
		font-weight: bold;
		padding: 0 0 3px;
	}
	#sign-in input,#sign-in textarea {
		width: auto;
	}
	#sign-in select {
		background: inherit !important;
	}
	#sign-in img {
		float: right;
		position: relative;
		top: 10px;
	}
	#signout-img {
		padding-left: 5px;
		vertical-align: middle;
	}
	*/
	#footer {
		font-size: 11px;
		line-height: 16px;
		padding: 10px 20px;
	}
	#footer,.section {
		background: #fff;
		height: 1%;
	}
	#footer,#footer #meta { /*border-top: 1px solid #ddd;*/
		position: relative;
		top: 10px;
	}
	#footer dl {
		float: left;
		margin-right: .66%;
		width: 16%;
	}
	#footer dt,#footer dd {
		padding: 0 0 3px;
	}
	#footer dt {
		font-weight: bold;
	}
	#footer #meta {
		margin-bottom: 10px;
		max-width: 650px;
		padding: 10px 300px 0 0;
	}
	#footer #meta ul,#footer #meta li {
		display: inline;
		margin: 0;
	}
	#footer #meta ul {
		padding-left: 10px;
	}
	#footer #meta form {
		position: absolute;
		right: 0;
		top: 10px;
	}
	#footer #meta input {
		width: auto;
	}
	#footer #meta input[type='text'] {
		width: 200px;
	}
	#footer #meta a {
		padding-right: 10px;
	}
	#footer #meta img {
		position: relative;
		top: 3px;
	}
	#nav {
		border-left: 1px solid #ddd;
		height: 32px;
		line-height: 22px;
	}
	#nav ul {
		display: none;
		margin: 0;
	}
	#nav li {
		float: left;
		position: relative;
		z-index: 2;
	}
	#nav li:hover ul {
		border: 1px solid #ddd;
		border-top: 0;
		cursor: pointer;
		display: block;
		min-width: 200px;
	}
	#nav li:last-child {
		border-right: 1px solid #fff;
	}
	#nav li ul {
		background: #fff;
		left: 0;
		position: absolute;
		top: 33px;
	}
	#nav li li {
		display: inline;
		float: none !important;
		white-space: nowrap;
	}
	*>#nav li li {
		display: block;
	}
	#nav li li a {
		border: 0 !important;
		min-width: 158px;
	}
	#nav li a,#nav li strong {
		border-bottom: 1px solid #b2b2b2;
		border-left: 1px solid #fff;
		border-right: 1px solid #ddd;
		display: block;
		padding: 6px 20px 4px;
	}
	#nav li a:focus,#nav li a:hover,#nav li strong:hover,#nav .path
		/*, #nav li a:active,*/ {
		background: #bcd6f0;
		text-decoration: none;
	}
	#nav li strong {
		cursor: default;
		font-weight: normal;
	}
	#stage {
		max-width: 684px;
		min-height: 65px;
		padding: 30px 244px 10px 20px;
		position: relative;
	}
	#stage h2 {
		font-size: 27px;
		line-height: 30px;
		margin: 0 0 5px;
	}
	#stage p {
		margin: 0 0 10px;
	}
	#stage div {
		bottom: 10px;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 200px;
	}
	*>#stage div {
		top: auto;
	}
	#stage img {
		float: left;
		margin: -10px 30px 10px 0;
	}
	#article.extra {
		padding-right: 230px;
		width: 720px;
	}
	*>#article.extra {
		max-width: 720px;
		width: auto;
	}
	#aside {
		display: inline;
		float: right;
		left: 10px;
		margin: 0 -230px 0 0;
		position: relative;
		width: 220px;
	}
	*>#aside {
		left: auto;
	}
	*+html #aside {
		left: 10px;
	}
	#aside img {
		display: block;
		margin: 0 auto 10px;
	}
	.section,#sign-in,.ad {
		border: 1px solid #ddd;
		border-radius: 5px;
		margin: 0 0 10px 0;
		moz-border-radius: 5px;
		overflow: hidden; /*check this*/
		padding: 20px 20px 9px;
		webkit-border-radius: 5px;
		/*
        -moz-box-shadow: 3px 3px 4px #dddddd;
        -webkit-box-shadow: 3px 3px 4px #dddddd;
        box-shadow: 3px 3px 4px #dddddd;
        */
/* For IE 8 */
/*
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')";
        /* For IE 5.5 - 7 */
/*
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#dddddd' );
        */
	}
	.ad {
		padding: 5px !important;
	}

	/*
    #footer {
        -moz-box-shadow: 3px 3px 4px #dddddd;
        -webkit-box-shadow: 3px 3px 4px #dddddd;
        box-shadow: 3px 3px 4px #dddddd;
        */
/* For IE 8 */
/*
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')";
        */
/* For IE 5.5 - 7 */
/*
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd' );
    }
    */
/*
	.g-button-basic,.g-button-basic div {
		margin: 0;
		position: static !important;
	}
	.g-button-basic {
		width: 200px !important;
	}
	.g-button-basic div,.g-button-basic div span,.g-button-basic div span span
		{
		background-image: url(../images/postini-g-button-chocobo-basic-2.png);
	}
	.g-button-basic div {
		width: auto !important;
	}
	.g-button-basic div span span a {
		background-image: url(../images/postini_button_new_corner.png);
	}
	.g-button-basic a {
		font-weight: normal !important;
	}
	p.intro,#survey a {
		font-weight: bold;
	}
	.twisty-expand,.twisty-collapse {
		background-position: 0 1px;
		background-repeat: no-repeat;
		padding-left: 20px;
	}
	.twisty-expand {
		background-image: url(../images/zip_plus.gif);
	}
	.twisty-collapse {
		background-image: url(../images/zip_minus.gif);
	}
	*/
	.clear { /* generic container (i.e. div) for floating buttons */
		overflow: hidden;
		width: 100%;
	}
	/*
    a.button {
        background: transparent url('../images/bg_button_a.gif') no-repeat scroll top
            right;
        color: #444;
        display: block;
        float: left;
        font: normal 12px arial, sans-serif;
        height: 24px;
        margin-right: 6px;
        padding-right: 18px; 
        text-decoration: none;
    }
    a.button span {
        background: transparent url('../images/bg_button_span.gif') no-repeat;
        display: block;
        line-height: 14px;
        padding: 5px 0 5px 18px;
    }
    a.button:active {
        background-position: bottom right;
        color: #000;
        outline: none; 
    }
    a.button:active span {
        background-position: bottom left;
        padding: 6px 0 4px 18px; 
    }
    */
	a.button,a.button:visited {
		background: #222 url(../images/overlay.png) repeat-x;
		display: inline-block;
		padding: 5px 10px 6px;
		color: #fff;
		text-decoration: none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
		position: relative;
		cursor: pointer;
		margin: 20px 0px 5px;
	}
	a.small.button,a.small.button:visited {
		font-size: 11px
	}
	a.button,a.button:visited,a.medium.button,a.medium.button:visited {
		font-size: 13px;
		font-weight: bold;
		line-height: 1;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	}
	a.button:hover {
		text-decoration: none;
	}
	a.large.button,a.large.button:visited {
		font-size: 14px;
		padding: 8px 14px 9px;
	}
	a.pink.button,a.magenta.button:visited {
		background-color: #e22092;
	}
	a.pink.button:hover {
		background-color: #c81e82;
	}
	a.green.button,a.green.button:visited {
		background-color: #33A23D;
	}
	a.green.button:hover {
		background-color: #338B1E;
	}
	a.red.button,a.red.button:visited {
		background-color: #e62727;
	}
	a.red.button:hover {
		background-color: #cf2525;
	}
	a.orange.button,a.orange.button:visited {
		background-color: #ff5c00;
	}
	a.orange.button:hover {
		background-color: #d45500;
	}
	a.blue.button,a.blue.button:visited {
		background-color: #2981e4;
	}
	a.blue.button:hover {
		background-color: #2575cf;
	}
	a.yellow.button,a.yellow.button:visited {
		background-color: #ffb515;
	}
	a.yellow.button:hover {
		background-color: #fc9200;
	}
	.star {
		float: left;
		width: 16px;
		height: 16px;
		fontSize: 0;
		backgroundRepeat: no-repeat no-repeat;
		/*backgroundRepeat: no-repeat;*/
		display: block;
	}
	.unapproved {
		visibility: visible;
		color: red;
		clear:left;
	}
	.approved {
		visibility: hidden;
	}

	/*New profile view, remove if div profile view is not used*/
	p {
		padding: 2px 5px;
		margin: 0px;
	}
	.container {
		padding: 5px;
		/*width: 600px;*/
		position: relative;
		border-top: 1px solid #ddd;
	}
	.piccont {
		width: 220px;
		/*
		float: left;*/
	}
	.btn {
		margin-top: 67px;
		float: left;
		padding: 5px;
	}
	.thumb {
		width: 150px;
		height: 150px;
		float: left;
		padding: 10px 5px;
		text-align: center;
	}
	.desc {
		border-left: 1px solid #ddd;
		margin-left: 220px;
		padding: 5px;
	}
	.desc span {
		padding-bottom: 5px;
		display: block;
	}
	/*For fading hardcoded text */
	.desc div {
		display: inline;
		color: #999
	}
	.detail {
		margin: 0px;
		clear: left;
	}
	.profile-id {
		width: 220px;
		float: left;
	}
	.profile-icons {
		margin-left: 220px;
		clear: right;
		text-align: right;
	}
	/*For photo viewer*/
	.photos img {
		border: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.photos {
		overflow: hidden;
		border: 1px solid #ddd;
		width: 670px;
	}
	.photos_main { /*
	display: table-cell;
	vertical-align: middle; 
	*/
		min-height: 500px;
		max-height: 500px;
		min-width: 500px;
		max-width: 500px;
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.photos_main img {
		margin-top: 5px;
		max-width: 500px;
		max-height: 500px;
	}
	.photos ul.thumbs {
		margin: 5px;
		padding: 0 0 0 5px;
		list-style: none;
		float: left;
		clear: left;
	}
	.photos ul.thumbs li {
		width: 150px;
		height: 150px;
		margin: 0 5px 0 0;
		padding: 0;
		float: left;
		overflow: hidden;
		position: relative;
		border: 2px solid #ddd;
		text-align: center;
	}
	.photos ul.thumbs li:hover {
		border: 2px solid #888;
		-moz-opacity: .75;
		filter: alpha(opacity =         75);
		opacity: .75;
	}
	.photo-upload-view td {
		vertical-align: middle;
		text-align: left;
		padding: 5px;
		margin: 5px;
	}
	.photo-upload-view {
		width: 700px;
	}
	.pager {
		text-align: center;
	}
	.pager span {
		margin: 5px 10px;
	}
	.help-frame {
		width: 100%;
		height: 600px;
		border: none;
		border-image: initial;
	}
	.red {
		color: red;
	}
	.user-type-image {
		float: left;
	}
	.user-type-heading {
		clear: both;
		padding-top: 1em;
	}
	.user-type-text {
		padding-left: 100px;
	}
	.error-container img {
		padding: 5px;
		float: left;
	}
	.error-container span {
		margin-left: 30px;
		float: left;
	}
	#error {
		clear: both;
		width: 950px;
		width: auto;
		max-width: 684px;
		margin: auto;
		min-height: 20px;
		padding: 10px 244px 10px 20px;
		position: relative;
		vertical-align: middle;
	}
}